<!DOCTYPE html>
<!-- extends表明此页面继承自 base.html 文件 -->
{% extends "base.html" %}
<!-- 写入 base.html 中定义的 title -->
{% block title %}
    首页
{% endblock title %}

<!-- 写入 base.html 中定义的 content -->
{% block content %}

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="{% static 'ueditor/ueditor.config.js' %}"></script>
    <script src="{% static 'ueditor/ueditor.all.min.js' %}"></script>
    <script type="text/javascript">
        var ue = UE.getEditor('body',{'initialFrameWidth': 700, 'initialFrameHeight': 500, 'serverUrl': '/ueditor/controller/?imageMaxSize=2097152&imagePathFormat=images%2F&filePathFormat=files'});
    </script>
</head>
<body>
<!-- 写入 base.html 中定义的 content -->
<!-- 写文章表单 -->
    <div style="margin:auto;width: 50%;padding: 2% 0 2% 0;">
            <!-- 提交文章的表单 -->
            <form method="post" action="." enctype="multipart/form-data">
                <!-- Django中需要POST数据的地方都必须有csrf_token -->
                {% csrf_token %}
                <!-- 文章标题 -->
                <br>
                <br>
                <br>
                <div class="form-group">
                    <!-- 标签 -->
                    <label for="title">文章标题</label>
                    <!-- 文本框 -->
                    <input type="text" class="form-control" id="title" name="title" placeholder="文章标题">
                </div>
                   <!-- 文章标签 -->
                <div class="form-group">
                    <label for="tags">标签</label>
                    <input type="text" class="form-control col-3" id="tags" name="tags">
                     <label for="tags">分类
                         <select name="category" id="category">{% for category in categorys %}{{category}}{% endfor %}</select></label>
                </div>
                <!-- 文章正文 -->
                <div class="form-group">
                    <label for="body">文章正文</label>
                    <!-- 文本区域 -->
                    <textarea type="text" class="ueditor" id="body" name="body" rows="6" placeholder="文章内容"></textarea>
                
                </div>
                <!-- 文章标题图 -->
                <div class="form-group">
                    <!-- 标题图 -->
                    <label for="avatar">标题图</label>
                    <!-- 文本框 -->
                    <input type="file" class="form-control-file" id="avatar" name="avatar"placeholder="文章标题图">
                </div>
            <!-- 文章状态 -->
                <div class="form-group">
                    <label for="status">文章状态</label>
                    <!-- 文本域不需要 value 属性，直接在标签体中嵌入数据即可 -->
                     <select name="status" id="status">{% for statu in article_post_form.status %}{{ statu}}{% endfor %}</select>
                </div>
                <!-- 提交按钮 -->
                <button type="submit" class="btn btn-primary">完成</button>
            </form>

    </div>

{% endblock content %}
</body>
</html>